<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2">

<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="assets/js/jquery-2.1.1.min.js"></script>
    <script src="assets/js/main.js"></script>
    <script src="assets/js/modernizr.custom.46884.js"></script>
    <link rel="stylesheet" type="text/css" href="assets/css/normalize.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/animations.css" />
    <link type="text/css" rel="stylesheet" href="assets/css/style.css" />
    <link type="text/css" rel="stylesheet" href="assets/css/queries.css" />
</head>

<body>
    <div class="start_overlay">
        <div class="play_container">
            <div class="play_btn"></div>
            <div class="play_text blink">Touch button to play</div>
        </div>
    </div>
    <div class="wrapper">
        <div class="game_wrapper">
            <div class="bubbles_wrapper">
                <div class="row">
                    <div class="ball red"></div>
                    <div class="ball blue"></div>
                    <div class="ball grey"></div>
                    <div class="ball red"></div>
                    <div class="ball yellow"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div style="clear:both"></div>
                </div>

                <div class="row">
                    <div class="ball red"></div>
                    <div class="ball blue"></div>
                    <div class="ball grey"></div>
                    <div class="ball red"></div>
                    <div class="ball yellow"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div class="ball yellow"></div>
                    <div class="ball red"></div>
                    <div class="ball blue"></div>
                    <div style="clear:both"></div>
                </div>

                <div class="row">
                    <div class="ball yellow"></div>
                    <div class="ball red"></div>
                    <div class="ball blue"></div>
                    <div class="ball red"></div>
                    <div class="ball yellow"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div style="clear:both"></div>
                </div>
                <div class="row">
                    <div class="ball red"></div>
                    <div class="ball blue"></div>
                    <div class="ball grey"></div>
                    <div class="ball red"></div>
                    <div class="ball yellow"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div class="ball yellow"></div>
                    <div class="ball red"></div>
                    <div class="ball blue"></div>
                    <div style="clear:both"></div>
                </div>
                <div class="row">
                    <div class="ball red"></div>
                    <div class="ball blue"></div>
                    <div class="ball grey"></div>
                    <div class="ball red"></div>
                    <div class="ball yellow"></div>
                    <div class="ball yellow"></div>
                    <div class="ball red"></div>
                    <div class="ball blue"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div style="clear:both"></div>
                </div>
                <div class="row">
                    <div class="ball red"></div>
                    <div class="ball blue"></div>
                    <div class="ball grey"></div>
                    <div class="ball red"></div>
                    <div class="ball yellow"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div style="clear:both"></div>
                </div>
                <div class="row">
                    <div class="ball red"></div>
                    <div class="ball blue"></div>
                    <div class="ball grey"></div>
                    <div class="ball red"></div>
                    <div class="ball blue"></div>
                    <div class="ball grey"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div style="clear:both"></div>
                </div>
                <div class="row">
                    <div class="ball red"></div>
                    <div class="ball blue"></div>
                    <div class="ball grey"></div>
                    <div class="ball red"></div>
                    <div class="ball grey"></div>
                    <div class="ball red"></div>
                    <div class="ball grey"></div>
                    <div class="ball red"></div>
                    <div class="ball red"></div>
                    <div class="ball grey"></div>
                    <div style="clear:both"></div>
                </div>
                <div class="row">
                    <div class="ball red"></div>
                    <div class="ball blue"></div>
                    <div class="ball grey"></div>
                    <div class="ball red"></div>
                    <div class="ball yellow"></div>
                    <div class="ball red"></div>
                    <div class="ball blue"></div>
                    <div class="ball red"></div>
                    <div class="ball blue"></div>
                    <div class="ball grey"></div>
                    <div style="clear:both"></div>
                </div>

            </div>
            <hr>
            <div class="info_wrapper">
                <div class="left_content">
                    <div class="timer">
                        <div class="timer_text">Time: 5</div>
                        <div class="timer_laoder">
                            <div class="inside_loader"></div>
                        </div>
                    </div>
                    <div class="score">
                        00000
                    </div>
                </div>
                <div class="right_content">
                    <div class="next_buble_holder">
                        <div class="bubbles">
                            <div class="current"></div>
                            <div class="next"></div>
                            <div class="after_next"></div>
                        </div>

                    </div>
                    <div class="sound_control">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="end_game">
        <div class="submit_score">
            <p>Wanna submit your 30 score
                <br>or
                <br>restart the game?</p>
            <div class="btns">
                <div class="submit_btn btn">Submit Score</div>
                <div class="restart_btn btn">Restart Game</div>
            </div>
        </div>
    </div>
</body>

</html>